{% extends 'base.html' %}
{% block styles%}
<style type="text/css">
    header{
        background-color: #eee;
        height: 7rem;
    }
    header h1{
        font-size: 3rem;
    }
    .mynav{
        margin-bottom: 0 !important;
    }
    form{
        margin: 20px 0px;
        font-size: 1.6rem;
    }
    .submit-btn{
        margin-top:20px;
        height: 50px;
        width:130px;
        font-size: 20px;
    }
</style>
 {% endblock %}
 {% block title%}
    <title>主界面</title>
{% endblock %}
{% block nav %}
    <li><a href="/logout"><span class="glyphicon glyphicon-log-out"></span> 退出登录</a></li>
{% endblock %}
{% block content %}
<header>
<div class="container">
    <h1>添加视频</h1>
</div>
</header>
<div class="container">

    <form class="form-horizontal" role="form"  action="/commit_add_video?id={{id}}" method="post">

  <div class="form-group">
    <label for="firstname" class="col-sm-1 col-sm-offset-1 control-label">名称：</label>
    <div class="col-sm-4">
      <input type="text" class="form-control" id="firstname" name="title">
    </div>
  </div>
  
  <div class="form-group">
    <label for="hits" class="col-sm-1 col-sm-offset-1 control-label">播放次数：</label>
    <div class="col-sm-4">
      <input type="text" class="form-control" id="hits" name="hits">
    </div>
  </div>
  <div class="form-group">
    <label for="time" class="col-sm-1 col-sm-offset-1 control-label">时长：</label>
    <div class="col-sm-4">
      <input type="text" class="form-control" id="time" name="time">
    </div>
  </div>
  <div class="form-group">
    <label for="teacher" class="col-sm-1 col-sm-offset-1 control-label">讲师：</label>
    <div class="col-sm-4">
      <input type="text" class="form-control" id="teacher" name="teacher">
    </div>
  </div>
   
  <div class="form-group">
    <label for="note" class="col-sm-1 col-sm-offset-1 control-label note">备注：</label>
    <div class="col-sm-8">
      <textarea class="form-control" id="note" rows="5" name="abstract"></textarea>
  </div>
  </div>
  <div class="form-group">
       <div class="col-md-5 col-md-offset-2">
           <button type="submit" class="btn btn-primary submit-btn">提交</button>
        </div>
   </div>
  
  </div>
</form>
</div>
{% endblock %}